Ext.onReady(function(){
	
	var form_agregar = Ext.create('Ext.form.Panel', {
					frame:true,
					bodyStyle:'padding:20px 20px 0',
					width: 300,
					heigth: 150,
					fieldDefaults: {
						msgTarget: 'side',
						labelWidth: 75
					},
					defaultType: 'textfield',
					defaults: {
						anchor: '100%'
					},

					items: [
						{
							xtype: 'textfield',
							name: 'usuario',
							fieldLabel: 'Usuario',
							width: "100%",
							allowblank: false
						},
						{
							xtype: 'textfield',
							name: 'password',
							fieldLabel: 'Contraseña',
							width: "100%",
							inputType: "password",
							allowblank: false
					
						},
						{
							xtype: 'textfield',
							name: 'confirmar_password',
							fieldLabel: ' Repita Contraseña',
							width: "100%",
							inputType: "password",                                                     
							allowblank: false
					
						},
						{
							xtype: 'textfield',
							name: 'nombre_usuario',
							fieldLabel: 'Nombre',
							width: "100%",
							allowblank: false
						},
						{
							xtype: 'textfield',
							name: 'apellido',
							fieldLabel: 'Apellido',
							width: "100%",
							allowblank: false
						},
						{
							xtype: 'textfield',
							name: 'email',
							fieldLabel: 'Email',
							vtype:'email',
							width: "100%",
							allowblank: false
						},
						{
							xtype: 'textfield',
							name: 'telefono',
							fieldLabel: 'Telefono',
							width: "100%",
							allowblank: false
						}],

					buttons: [{
						text: 'Guardar',
						handler: function() {
							form_agregar.getForm().submit({
							url: "/usuario/agregar",
							params: {
								submit: "submit",
							},
							method: "post",
							waitTitle:'Conectando', 
							waitMsg:'Enviando datos...',
							success: function() {							
								Ext.Msg.alert(":D", "El usuario fue agregado con exito");
							},
							failure: function() {
								Ext.Msg.alert(":(", "No se pudo almacenar el usuario");
							}	
						})
							
						}
					}]
				});

				Ext.create('Ext.panel.Panel', {
					title: 'Agregar Usuario',
//					closable:true,
					height: 500,
					width: 642,
					items: form_agregar,
					renderTo: Ext.Element.get('acciones'), 
				}).show();

	

						
	
});
